<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="Mobile">
    <pm:view id="task">
        <pm:header title="#{msg['hello.home.task']}">
            <f:facet name="left"><p:button value="#{msg['hello.home.back']}" icon="back" href="home.xhtml#main"/></f:facet>
        </pm:header>

        <pm:content>
            #{taskBean.listTask(0,20)}
            <p:messages/>
            <h:form>
            <p:accordionPanel activeIndex="-1">
            <p:tab title="初窥门径(0-20)">
            <p:dataList type="inset" value="#{taskBean.tasks}" var="task">
                <p:column>
                    <a href="battle.xhtml?id=#{task.id}" >#{task.name}</a>
                </p:column>
            </p:dataList>
            </p:tab>
            </p:accordionPanel>
            </h:form>
        </pm:content>
        </pm:view>
</pm:page>
</f:view>